.container {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;

    .progress {
        width: 408rpx;
        height: 448rpx;
        background-color: #fff;
        box-sizing: border-box;
        padding: 44rpx 52rpx 40rpx 52rpx;
        display: flex;
        flex-direction: column;
        align-items: center;
        border-radius:8rpx;

        .round {
            width: 294rpx;
            height: 294rpx;
            position: relative;

            .precent {
                position: absolute;
                width: 100%;
                left: 0;
                top: 50%;
                margin-top: -20rpx;
                height: 41rpx;
                font-size: 29rpx;
                font-family: PingFang-SC-Medium, PingFang-SC;
                font-weight: 500;
                color: rgba(25, 161, 221, 1);
                line-height: 41rpx;
                text-align: center;
            }

            .base_image {
                width: 294rpx;
                height: 294rpx;
                animation: turn 1.5s linear infinite;
            }

            @keyframes turn {
                0% {
                    -webkit-transform: rotate(0deg);
                }

                25% {
                    -webkit-transform: rotate(90deg);
                }

                50% {
                    -webkit-transform: rotate(180deg);
                }

                75% {
                    -webkit-transform: rotate(270deg);
                }

                100% {
                    -webkit-transform: rotate(360deg);
                }
            }
        }

        .text_progress {
            margin-top: 34rpx;
            font-size: 22rpx;
            font-family: PingFang-SC-Medium, PingFang-SC;
            font-weight: 500;
            color: rgba(158, 158, 158, 1);
            text-align: center;
        }

    }
}